<ion-header>

  <ion-navbar>
    <ion-title>
      <!-- <button class="back" (click)="dismiss()">
            <ion-icon name="ios-arrow-back"></ion-icon>
        </button> -->
      <p text-center>身边</p>
      <button class="changePurpose" (click)="changePurpose()">
        <span>更改目的</span>
      </button>
    </ion-title>
  </ion-navbar>

</ion-header>

<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content
      pullingIcon="arrow-dropdown"
      pullingText="下拉刷新附近人.."
      refreshingSpinner="circles"
      refreshingText="缓慢刷新中...">
    </ion-refresher-content>
  </ion-refresher>
  <div *ngIf="ifSuccess" >
    <div class="myPurpose clearfix" padding>
      <p>我的目的：</p>
      <div>
        <span *ngFor="let purpose of myPurpose">{{purpose}}</span>
      </div>
    </div>

    <ion-list>
      <ion-card class="card" (click)="viewOtherData(item.phone,item.nickname)" *ngFor="let item of listData">
        <ion-item>
          <ion-avatar item-start class="user_photo" >
            <img src="{{item.imageURL}}">
          </ion-avatar>
          <h2 class="clearfix user_mes">
            <span class="puff_left user_name">{{item.nickname}}</span>
            <span class="puff_right dis_time"></span>
          </h2>
          <p class="purposeDescription">{{item.remarks}}</p>
          <div class="purpose" *ngFor="let i of item.targrts">
            <span>{{i}}</span>
          </div>
        </ion-item>
      </ion-card>
    </ion-list>
  </div>

</ion-content>
